<template>
  <el-form :inline="inline" :model="form" ref="form" label-width="100px">
  <el-form-item v-for="item in formLable" :key="item.model" :label="item.lable">
    <el-input v-model="form[item.model]" :placeholder="'请输入'+ item.label" v-if="!item.type"></el-input>
    <el-select v-model="form[item.model]" placeholder="请选择" v-if="item.type === 'select'">
    <el-option
      v-for="item in item.opts"
      :key="item.value"
      :label="item.label"
      :value="item.value"
      >
    </el-option>
  </el-select>
  <el-switch v-model="form[item.model]" v-if="item.type === 'switch'"></el-switch>
  <el-date-picker 
  v-model="form[item.model]" 
  type="date" 
  placeholder="选择日期"
  v-if="item.type === 'date'"></el-date-picker>
  </el-form-item>
  <el-form-item >  <slot></slot> </el-form-item>
</el-form>
</template>

<script>
export default {
  props:{
    //表单域 默认行为为false
    inline: Boolean,
    form:Object,
    formLable: Array
  }
}
</script>

<style lang="scss" scoped>

</style>